// JavaScript Document

$(function () {

    var _getClienteUrl = "http://infosipse.com/ClientesWS.asmx/GetCliente";



    $("#nombreCliente").click(function () {



        jQuery.support.cors = true;

        $.ajax({
            type: "POST",
            url: _getClienteUrl,
            crossDomain: true,
            data: "{'idCliente': '6'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccessCall,
            error: OnErrorCall
        });

        function OnSuccessCall(response) {
            $('#nombreCliente h2 span span').html(response.d);
        }

        function OnErrorCall(response) {
            alert(response.status + " " + response.statusText);
        }

    });

});





// FUNCIONES CUENTAS

$(function () {

    if ($('.paginaCuentas').css('display') || $('.paginaOrganizarCuentas').css('display') || $('.paginaSaldosMovimientos').css('display')) {

        $('#ContenedorTileHorizontal .cuentasGroup').each(
			function () {
			    anchoHorTile++;
			    anchoGrupoCuenta = $(this).innerWidth();
			    anchoItemScrollTool = (anchoGrupoCuenta / 10) - 2;
			    $('#ContenedorTileHorizontal').css('width', (anchoHorTile * (anchoGrupoCuenta + 20)));
			    $('#scrollTool ul').append('<li><a class="itemScrollTool"><img src="../secured/images/scrolleritem.gif" width="' + anchoItemScrollTool + '"/></a></li>');
			}
		);

        if ($('#opcionesTileHorizontal').innerWidth() != 0) {
            $('#PanoramaCentral').css('margin-left', '615px');
            $('#opcionesTileHorizontal').css('border-right', '1px dotted #CCC');
        }



        if ($('#ContenedorTileHorizontal').innerWidth() > $('#PanoramaCentral').innerWidth()) {
            //$('#ContenedorTileHorizontal').draggable({ axis: "x" });

            $('#ContenedorTileHorizontal').mousedown(
				function (event) {
				    moverHorTile = true;
				    mouseIniPosiX = event.pageX;
				    ValorScroll = $('#PanoramaCentral').scrollLeft();
				}
			).mousemove(
				function (event) {
				    if (moverHorTile) {
				        mouseFinalPosiX = event.pageX;
				        $('#PanoramaCentral').animate({ "scrollLeft": ValorScroll - (mouseFinalPosiX - mouseIniPosiX) }, 0, "linear", null);
				    }
				}
			).mouseup(
				function (event) {
				    $('#scrollToolBorder').animate({ "left": (($('#PanoramaCentral').scrollLeft() / 10) + 365) - 2 }, 200, "linear", null);
				    moverHorTile = false;
				}
			);
        }

        $('#movimientosCuentaActiva .datosMovimiento').mousedown(
			function (event) {
			    moverVerTile = true;
			    mouseIniPosiY = event.pageY;
			    ValorScroll = $('#movimientosCuentaActiva').scrollTop();
			}
		).mousemove(
			function (event) {
			    if (moverVerTile) {
			        mouseFinalPosiY = event.pageY;
			        $('#movimientosCuentaActiva').animate({ "scrollLeft": ValorScroll - (mouseFinalPosiY - mouseIniPosiY) }, 0, "linear", null);
			    }
			}
		).mouseup(
			function (event) {
			    moverVerTile = false;
			}
		);

        function setLeerMovimiento(event) {

            unSetLeerMovimiento();

            $(this).addClass('leerMovimiento');
            if (VistaCarrusel) {
                $(this).children('.salMovTop').animate({ 'height': '50px' }, 200, 'linear', null);
            }
        }

        function unSetLeerMovimiento(event) {
            $('#movimientosCuentaActiva .datosMovimiento').removeClass('leerMovimiento');

            if (VistaCarrusel) {
                $('#movimientosCuentaActiva .datosMovimiento .salMovTop').animate({ 'height': '0px' }, 100, 'linear', null);
            }
        }

        function scrollMovimientos(event, delta, deltaX, deltaY) {

            var direccionScroll = -(deltaY);

            alert(deltaY);

            ValorScroll = $('#movimientosCuentaActiva').scrollTop();

            ValorScroll = ValorScroll + (50 * direccionScroll);

            movimientoLeer = movimientoLeer + direccionScroll;

            if (ValorScroll < 0) {
                ValorScroll = 0;
                movimientoLeer = 0;
            }



            $('#movimientosCuentaActiva').animate({ 'scrollTop': ValorScroll }, 300, 'linear', null);
        }


        function cambiarVistaMovimientos(event) {

            if (VistaCarrusel) {

                $('#cuentasCarrusel').removeClass('carruselMovimientos');
                $('#cuentasCarrusel').addClass('listaMovimientos');
                $('.VerCuentaCarrusel').css('background-color', '#999');
                $('.VerCuentaLista').css('background-color', ColorBaseCliente);
                VistaCarrusel = false;
            } else {
                $('#cuentasCarrusel').removeClass('listaMovimientos');
                $('#cuentasCarrusel').addClass('carruselMovimientos');
                $('.VerCuentaLista').css('background-color', '#999');
                $('.VerCuentaCarrusel').css('background-color', ColorBaseCliente);
                VistaCarrusel = true;
            }
        }

        $('.VerCuentaLista').click(cambiarVistaMovimientos);
        $('.VerCuentaCarrusel').click(cambiarVistaMovimientos);


        $('#movimientosCuentaActiva').bind('mousewheel', scrollMovimientos);

        $('.datosMovimiento').bind('mousedown', setLeerMovimiento).bind('mouseenter', setLeerMovimiento).bind('mouseup', unSetLeerMovimiento).bind('mouseleave', unSetLeerMovimiento);

        $('#botonUp').click(
			function () {
			    scrollMovimientos(event, -1, -1, 1);
			}
		);

        $('#botonDown').click(
			function () {
			    scrollMovimientos(event, -1, -1, -1);
			}
		);
    }
});

// FUNCION SOLICITAR PRODUCTOS Y SERVICIOS
$(function () {



    if ($('.paginaSolicitudProductos').css('display') || $('.paginaSolicitudServicios').css('display')) {

        function poblarFilasScroll(numFilas) {
            $('#ContenedorTileHorizontal .fila' + numFilas).children('.cuadroResumen').each(
				function () {
				    anchoHorTile++;
				    anchoCuadroResumen = $(this).innerWidth();
				    anchoItemScrollTool = (anchoCuadroResumen / 10) - 4;
				    $('#ContenedorTileHorizontal').css('width', (anchoHorTile * (anchoCuadroResumen)));
				    $('#ContenedorTileHorizontal .fila' + numFilas).css('width', (anchoHorTile * (anchoCuadroResumen)));

				    $('#scrollTool ul.fila' + numFilas).append('<li><a class="itemScrollTool fila' + numFilas + '-item' + anchoHorTile + '"></a></li>');

				    $('#scrollTool ul.fila' + numFilas + ' a.itemScrollTool').css('width', anchoItemScrollTool);
				}
			);
        }

        $('#ContenedorTileHorizontal .filaHorizontal').each(
			function () {

			    numFilas++;

			    $('#scrollTool').append('<ul class="scrollfilaHorizontal fila' + numFilas + '"></ul>');

			    poblarFilasScroll(numFilas);

			    anchoHorTile = 0;

			}
		);

        if ($('#ContenedorTileHorizontal').innerWidth() > $('#PanoramaCentral').innerWidth()) {

            $('#ContenedorTileHorizontal').mousedown(
				function (event) {
				    moverHorTile = true;
				    mouseIniPosiX = event.pageX;
				    ValorScroll = $('#PanoramaCentral').scrollLeft();
				}
			).mousemove(
				function (event) {
				    if (moverHorTile) {
				        mouseFinalPosiX = event.pageX;
				        $('#PanoramaCentral').animate({ "scrollLeft": ValorScroll - (mouseFinalPosiX - mouseIniPosiX) }, 0, "linear", null);
				    }
				}
			).mouseup(
				function (event) {
				    $('#scrollToolBorder').animate({ "left": (($('#PanoramaCentral').scrollLeft() / 10) + 365) }, 200, "linear", null);
				    moverHorTile = false;
				}
			);
        }
    }

});




//FUNCION SCROLLTOOL
$(function () {

    if ($('#scrollTool ul li').css('display')) {

        $('#scrollToolBorder').animate({ 'width': $('#PanoramaCentral').innerWidth() / 10 }, 1000, 'linear', null);
        $('#scrollToolBorder').draggable({ axis: "x", containment: "parent" }).mousedown(
		function () {
		    moverHorTile = true;
		}
		).mousemove(
			function (event) {
			    if (moverHorTile) {
			        $('#PanoramaCentral').animate({ "scrollLeft": (($('#scrollToolBorder').position().left - 365)) * 10 }, 0, "linear", null);
			    }
			}
		).mouseup(
			function () {
			    moverHorTile = false;
			}
		);

    } else {

        $('#scrollTool').css('display', 'none');

    }
});
